<!--
 * @Author: wu07 1732042133@qq.com
 * @Date: 2023-01-14 18:55:58
 * @LastEditors: wu07 1732042133@qq.com
 * @LastEditTime: 2023-02-08 16:55:41
 * @FilePath: \recruitAPP\recruitApp\recruitApp\src\pages\login\Start.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- 视图层 -->
<template>
  <van-nav-bar
    title="开始"
    left-text="返回"
    left-arrow
    @click-left="onClickLeft"
  />
  <div class="user" @click="runUser">我是求职者</div>
  <div class="enterprise" @click="runEnterprise">我是招聘者</div>
  <div class="admin">我是管理员</div>
  <div></div>
</template>
<!-- 逻辑层 -->
<script setup>
// 导入useRouter方法
import { useRouter } from "vue-router";
const router = useRouter();
// 返回上一页
const onClickLeft = () => {
  router.go(-1);
};
// 跳转用户端
const runUser = () => {
  router.push("/user");
};
//跳转企业端
const runEnterprise = () => {
  router.push("/tabber");
};
</script>
<!-- 样式层 -->
<style scoped>
.user {
  background-color: rgba(0, 121, 254, 1);
  width: 80%;
  height: 18.6667vw;
  border-radius: 1.3333vw;
  color: #fff;
  text-align: center;
  line-height: 18.6667vw;
  margin: 10.3333vw auto;
  margin-top: 23.3333vw;
}
.enterprise {
  background-color: rgba(75, 216, 99, 1);
  width: 80%;
  height: 18.6667vw;
  border-radius: 1.3333vw;
  color: #fff;
  text-align: center;
  line-height: 18.6667vw;
  margin: 10.3333vw auto;
}
.admin {
  background-color: rgba(254, 148, 0, 1);
  width: 80%;
  height: 18.6667vw;
  border-radius: 1.3333vw;
  color: #fff;
  text-align: center;
  line-height: 18.6667vw;
  margin: 10.3333vw auto;
}
</style>